<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<!DOCTYPE HTML>

<html lang="pt-br">

	<head>
	
		<meta charset="utf-8">
		<title>Aquino e Vasconcelos - Seja Bem Vindo Ao Nosso Novo Site</title>
		
		<link href="global_arquivos/img/favicon.ico" type="image/x-icon" rel="shortcut icon">
		
		<!-- Global Css - Página -->
        <link rel="stylesheet" href="global_arquivos/css/style.css" media="all">
        
        <!-- Css Da Página -->
        <link rel="stylesheet" href="global_arquivos/css/style_index.css" media="all">
        
        <!-- Fontes e Ícones -->
        <link rel="stylesheet" href="global_arquivos/fonts/style_fonts.css" media="all">
        
        <!-- Efeito Lateral (Acesso Rápido) -->
        <link rel="stylesheet" href="global_arquivos/js/efeito_lateral/jquery.pageslide.css" media="all">
        
        <!-- Css Do Slider -->
        <link rel="stylesheet" href="global_arquivos/css/nivo-slider.css" type="text/css" media="all">
        <link rel="stylesheet" href="global_arquivos/css/default-slider.css" type="text/css" media="all">
        
        <!-- Script De Validação - Formulário -->
        <script src="global_arquivos/js/outros/validar_login_usuario.js"></script>
        
        <style type="text/css">
        
        	.accordion {
				
				width: 100%;
				margin: 1em 0em;

			}

			.accordion h4 {
			
				background: url(global_arquivos/img/inf-index-mais.png) no-repeat right center #F6F6F6;
			    border: 1px solid #EEEEEE;
			    color: #3777AF;
			    display: block;
			    margin: -1px 0 0 !important;
			    padding: 0.5em 1em;
			    -moz-transition: all 0.3s ease-in-out 0s;
			    -webkit-transition: all 0.3s ease-in-out 0s;
			    -o-transition: all 0.3s ease-in-out 0s;
			    transition: all 0.3s ease-in-out 0s;
				
				}

			.accordion p {
			
				font-size: 1.2em;
				line-height: 1.4em;
				padding: 10px;
			
			}

			.accordion h4.active {
			
				background: url(global_arquivos/img/inf-index-mais.png) no-repeat right center #F6F6F6;
			    border: 1px solid #EEEEEE;
			    color: #3777AF;
			    display: block;
			    margin: -1px 0 0 !important;
			    padding: 0.5em 1em;
			    -moz-transition: all 0.3s ease-in-out 0s;
			    -webkit-transition: all 0.3s ease-in-out 0s;
			    -o-transition: all 0.3s ease-in-out 0s;
			    transition: all 0.3s ease-in-out 0s;
			
			}

			.accordion h4:hover {
			
				background-color: #ffffff;
				color: #5999CF;
				border: 1px solid #EEEEEE;
				cursor: pointer;
			
			}

			.accordion div {
			
				padding: .5em .25em;
			
			}
        
        </style>
	
	</head>

	<body>
	
	<script type="text/javascript">
        bflOptions = {
          key: "2702F88AA47226882F",
          src: (("https:" == document.location.protocol) ? "https://secure" : "http://api") + ".butterflive.com/butterflive.js"
        };
 
        (function() {
          var btf = document.createElement('script'); btf.type = 'text/javascript'; btf.async = true;
          btf.src = bflOptions.src;
          var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(btf, s);
        })();
      </script>
	
		<!-- Incluindo a Div, Links Úteis -->
		<%@ include file="global_arquivos/pages/links_uteis.jsp" %>
		
		<div id="mensagem-erro-topo" class="mensagem-erro-topo">
			
			...
		
		</div>
		
		<% String msg = request.getParameter("msg");
                        
		if(msg != null) { %>
	    					
	    <% if(msg.equals("erro")) { %>
	    					
		<div id="login-erro-admin">
	                            	
	  	<span>Seu Login ou Senha Então Incorretos, Tente Novamente!</span>
	                            
	                    </div> <%
							
	    				} %>
							
						<% } %>
		
		<div class="todo-conteudo">
		
			<div class="centro-conteudo">
				
				<c:choose>
				<c:when test="${sessaoCliente == null}">
					
					<img class="area-restrita-login" src="global_arquivos/img/area_restrita.png">
					
					<form action="AutenticacaoCliente" name="login_usuario" id="login_usuario" method="post" onSubmit="return validarDadosLogin();">
					
						<fieldset>
						
							<input type="submit" class="botao-login-usuario" value="Entrar">
							<input type="password" tabindex="2" class="campo-login-usuario" placeholder="Senha" name="senha" id="senha">
							<input type="text" tabindex="1" class="campo-login-usuario" placeholder="Login" name="login" id="login" autofocus>
							
							
							<a style="float: right; clear: both; margin-right: 329px; margin-top: 3px;" href="recuperar_senha.jsp">Recuperar Senha</a>
					
					  	</fieldset>
					  
					</form>
					
					</c:when>
					
					<c:otherwise>
					
						<img class="area-restrita-login" src="global_arquivos/img/area_restrita.png">
					
						<fieldset>
						
							<ul class="lista-login-usuario">
							
								<li><a href="EncaminharPainelCliente">Meu Painel</a></li>
								<li class="sair-login-cliente"><a href="SairCliente">Sair</a></li>
							
							</ul>
						
						</fieldset>
					
					</c:otherwise>
					
					</c:choose>
			
			</div>
		
		</div>
	
		<header id="topo" class="todo-conteudo">
        
			<a title="Logomarca - Aquino e Vasconcelos" href="Index"><img src="global_arquivos/img/logo.png" alt="Logomarca - Aquino e Vasconcelos"></a>
		        
			<nav>
		            
				<ul>
		                
					<li><a title="Início - Clique Para Ir Para Página Inicial Do Site" href="Index">Início</a></li>
					<li><a title="Serviços - Clique e Confira Agora Nossos Serviços" href="servicos/servicos.jsp">Serviços</a></li>
					<li><a title="A Empresa - Clique e Confira Nossa História" href="empresa/empresa.jsp">A Empresa</a></li>
					<li><a title="Contato - Clique e Fale Agora Conosco" href="contato/contato.jsp">Contato</a></li>
					<li><a title="Orçamento - Clique e Preencha Nosso Pequeno Formulário" href="orcamento/orcamento.jsp">Orçamento</a></li>
					<li><a title="Acesso Rápido - Clique Aqui e Descubra Os Links Mais Acessados" class="acesso-rapido efeito-lateral" href="#modal">Links Úteis</a></li>
		                
				</ul>
		            
			</nav>
		        
		</header>
		
		<div class="todo-conteudo">
		
			<div class="slider-wrapper theme-default">
	                    
	      		<div id="slider" class="nivoSlider">
	                        
	        		<img src="global_arquivos/img/slider_01.jpg" data-thumb="global_arquivos/img/slider_01.jpg" alt="">
	                <img src="global_arquivos/img/slider_02.jpg" data-thumb="global_arquivos/img/slider_02.jpg" alt="">
	                <img src="global_arquivos/img/slider_03.jpg" data-thumb="global_arquivos/img/slider_03.jpg" alt="">
	                            
	        	</div>
	            
	  		</div>
          	
     	</div>
     	
     	<div class="sombra-abaixo-slider">
     	
     		<img src="global_arquivos/img/fundo_abaixo_slider.png">
     	
     	</div>
     	
     	<!-- <div class="menu-abaixo-slider">
     	
     	</div> -->
     	
     	<div class="todo-conteudo">
     	
     		<div class="primeiras-opcoes">
     		
     			<div class="centro-conteudo">
     			
     				<a href=""><img alt="" src="global_arquivos/img/atendimento_online.png"></a>
     				<a href=""><img class="meio-img-icones-principais" alt="" src="global_arquivos/img/agendamento_visita.png"></a>
	     			<a href="ListaModeloContrato"><img class="ultima-img-icones-principais" alt="" src="global_arquivos/img/modelos_formularios.png"></a>
     			
     			</div>
     		
     		</div>
     	
     		<div class="centro-conteudo">
     		
     			<div class="primeira-coluna-index">
     			
     				<h3>Seja bem-vindo ao nosso novo website</h3>
     				
     				<p>Já é nosso cliente ? Faça login logo acima e tenha acesso a todas as funcionalidades do novo site. Se você ainda não é nosso cliente, não perca tempo ! 
     				Conheça os melhores serviços contábeis que temos a oferecer, ou agende uma visita em nosso escritótio. <a href="modelos_formularios.jsp"><i><b>Clique Aqui !</b></i></a></p>
     				
     				<h3>Informativos</h3>
     				
     				<!-- Incluindo a Div, Links Úteis -->
					<%@ include file="informativos_lista.jsp" %>
					
					<h3>Parceiros</h3>
					<img class="img-parceiros primeira-img-parceiros" alt="" src="global_arquivos/img/logo_parceiro.png">
					<img class="img-parceiros" alt="" src="global_arquivos/img/logo_parceiro.png">
					<img class="img-parceiros" alt="" src="global_arquivos/img/logo_parceiro.png">
					<img class="img-parceiros" alt="" src="global_arquivos/img/logo_parceiro.png">
					<img class="img-parceiros" alt="" src="global_arquivos/img/logo_parceiro.png">
					<img class="img-parceiros" alt="" src="global_arquivos/img/logo_parceiro.png">
     			
     			</div>
     		
     		</div>
     	
     	</div>
		
		<div id="rodape" class="todo-conteudo">
        
			<div class="centro-conteudo">
		            
				<p>Aquino e Vasconcelos - Criado pela <a target="_blank" title="Clique Aqui - Tenha Acesso a Página Da Empresa Tech Code" href="http://techcode.site90.com"><b><i>TechCode</i></b></a></p>
		       	
		       	<nav>
		       	
		       		<ol>
		       		
		       			<li><a target="_blank" href="http://www.facebook.com/aquinoevasconcelos"><img src="global_arquivos/img/facebook.png" alt="Imagem não carregada ..." title="Clique aqui e veja o nosso facebook !"></a></li>
		       			<li class="ultima-rede-social"><a target="_blank" href="https://twitter.com/aquino_e_vasconcelos"><img src="global_arquivos/img/twitter.png" alt="Imagem não carregada ..." title="Clique aqui e veja o nosso twitter !"></a></li>
		       		
		       		</ol>
		       	
		       	</nav>
		       	
			</div>
		        
		</div>
        
        <!-- Script Do Jquery (Original) -->
        <script src="global_arquivos/js/efeito_lateral/lib/jquery-1.9.1.min.js"></script>
        
        <!-- Script Do Efeito Lateral -->
        <script src="global_arquivos/js/efeito_lateral/jquery.pageslide.min.js"></script>
        
        <script>
		
            $(".first").pageslide();
            $(".efeito-lateral").pageslide({direction: "left", modal: false });
			
        </script>
        
        <script type="text/javascript" src="global_arquivos/js/slider/jquery.nivo.slider.js"></script>
        
        <script type="text/javascript">
        
            $(window).load(function() {
            
                $('#slider').nivoSlider();
            
            });
			
        </script>
        
        <script>
			$(document).ready(function() {
				$('.accordion:eq(0)> div').hide();
	        	$('.accordion:eq(0)> h4').click(function() {
	        	    $(this).next().slideToggle('fast');
	        	    $(this).toggleClass('active');
	        	});
        	});
		</script>
	
	</body>

</html>